{include file="jptweb/head" /}
<title>新媒体榜单</title>

</head>
<body>
<!--导航栏-->
{include file="jptweb/header" /}
<!--导航栏 end-->

<div class="user_header mediaer_header">
    <div class="main jpt_flex">
        <div class="portrait">
            <img class="" src="/static/jpt/jptweb/img/AD-touxiang2.png" alt="">
        </div>
        <div class="info jpt_flow_item">
            <p class="number">帐号：12345645</p>
            <p class="email">邮箱：12345645@qwe.com</p>
            <p class="role">角色：媒体主</p>
        </div>

    </div>

</div>

<div class="main user_w user_media row cl ">
    <aside class="left_nav mt-20 col-md-2">
        <ul>
            <li class="current">
                <a href="{:url('demo/jptweb/mediauserinfo')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/people.png" class="jpt_icon">
                    资料修改
                </a>
            </li>

            <li>
                <a href="{:url('demo/jptweb/mediaeractivity')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/active.png" class="jpt_icon">
                   活动管理
                </a>
            </li>


            <li >
                <a href="{:url('demo/jptweb/mediaeradv')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/AD.png" class="jpt_icon">
                    广告管理
                </a>
            </li>
            <li >
                <a href="{:url('demo/jptweb/mediaersettlement')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/money.png" class="jpt_icon">
                    结算管理
                </a>
            </li>
            <li >
                <a href="{:url('demo/jptweb/mediaeraccredit')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/btn-weixin.png" class="jpt_icon">
                    公众号管理
                </a>
            </li>

        </ul>
    </aside>
    <div  id="tab_userinfo" class="content HuiTab col-md-10 ">


        <div class="tabBar clearfix">
            <span>帐号信息</span>

            <span>银行信息</span>
            <span>密码修改</span>
        </div>
        <div class="tabCon info_modify row cl">
            <form action="" method="post">
                <div class="jpt_form-cell jpt_flex">
                    <div class="cell_hd col-sm-3 text-r">头像:</div>
                    <div class="cell_bd col-sm-8"><img class="jpt_userimg" src="/static/jpt/jptweb/img/AD-touxiang2.png" alt=""> <a class="cell_ft">修改</a></div>

                </div>
                <div class="jpt_form-cell jpt_flex">
                    <div class="cell_hd col-sm-3 text-r">帐号:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-M" type="text" name="zhanghao" value="12343545" id="zhanghao"></div>

                </div>

                <div class="jpt_form-cell jpt_flex">
                    <div class="cell_hd col-sm-3 text-r">邮箱:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-M" type="text" name="email" value="123456@qw.com" id="email"></div>
                </div>
                <div class="jpt_form-cell jpt_flex">
                    <div class="cell_hd col-sm-3 text-r">角色:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-M" type="text" name="role" value="123456@qw.com" id="role"></div>
                </div>
                <div class="jpt_form-cell jpt_flex">
                    <div class="cell_hd col-sm-3 text-r">用户名:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-M" type="text" name="username" value="123456@qw.com" id="username"></div>
                </div>
                <div class="jpt_form-cell jpt_flex">
                    <div class="cell_hd col-sm-3 text-r">手机号:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-M" type="text" name="phone" value="123456@qw.com" id="phone"></div>
                </div>
                <div class="jpt_form-cell jpt_flex">
                    <div class="cell_hd col-sm-3 text-r">联系QQ:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-M" type="text" name="QQ" value="123456@qw.com" id="QQ"></div>
                </div>
                <div class="jpt_form-cell jpt_flex">
                    <div class="cell_hd col-sm-3 text-r">选择区域入驻:</div>
                    <div class="cell_bd col-sm-6 jpt_flex">
                         <span class="select-box placepick">
                <select class="select" name="province"></select>
                </span>
                        <span class="select-box placepick">
            <select class="select" name="city"></select>
    </span>
                        <span class="select-box placepick">
            <select class="select" name="area"></select>
                    </span>

                    </div>
                </div>

                <script>


                    new PCAS("province", "city", "area");
                </script>


                <button class="btn btn-primary radius col-sm-3 col-md-offset-2 bth-jpt_4 mt-20 bg-c-o" type="button" > 保存</button>
            </form>






        </div>

        <div class="tabCon jpt_preview-1">
            <form class="mt-20" action="" method="post">

                <div class="jpt_flex jpt_cell-2 ">
                    <div class="cell-hd_1 ">
                        <input class="jpt_input-2 input-text radius size-L" placeholder="请输入开户账号" type="text" name="name" value="" id="2">
                    </div>
                    <div class="cell_hd">选择类型:</div>
                    <div class="cell_bd-1 ">
                        <span class="select-box">
                          <select class="select" size="1" name="demo1">
                            <option value="" selected>默认select</option>
                            <option value="1">菜单一</option>
                            <option value="2">菜单二</option>
                            <option value="3">菜单三</option>
                          </select>
                        </span>
                    </div>
                    <div class="cell_ft flex-1">
                        <button class="btn btn-primary bth-jpt_2 radius size-L" type="button">搜索</button>
                    </div>
                </div>
            </form>

            <div class="jpt_title-mt tit title2">
                <i class="Hui-iconfont Hui-iconfont-luyin c_o"></i>
                银行信息列表:
            </div>
            <table class="jpt_table-u1 table text-c table-border table-bordered">
                <thead class="text-c">
                <tr>
                    <th>序号</th>
                    <th>交易号</th>
                    <th>交易时间</th>
                    <th>交易类型</th>
                    <th>交易金额</th>
                    <th>可用余额</th>


                </tr>
                </thead>
                <tbody>
                <tr align="center" >
                    <td id="norecord" class="text-c c-99"  colspan="10">暂无数据!</td>
                </tr>

                </tbody>
            </table>

            <a href="{:url('demo/jptweb/mediaeraddbank')}" class="btn btn-primary radius col-sm-3 bth-jpt_4  mt-20 " type="button" > 新建</a>

        </div>

        <div class="tabCon info_modify">
            <form action="" method="post">

                <div class="jpt_form-cell jpt_flex ">
                    <div class="cell_hd col-sm-3 text-r"><span class="jd">*</span>用户账号:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-L" type="text" name="zh1" value="123456@qw.com" id="tgid"></div>
                </div>
                <div class="jpt_form-cell jpt_flex ">
                    <div class="cell_hd col-sm-3 text-r"><span class="jd">*</span>原始密码:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-L" type="text" name="mm" value="123456@qw.com" id="poss1"></div>
                </div>
                <div class="jpt_form-cell jpt_flex ">
                    <div class="cell_hd col-sm-3 text-r"><span class="jd">*</span>输入新密码:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-L" type="text" name="mm2" value="123456@qw.com" id="poss2"></div>
                </div>
                <div class="jpt_form-cell jpt_flex ">
                    <div class="cell_hd col-sm-3 text-r"><span class="jd">*</span>再次输入密码:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-L" type="text" name="mm3" value="123456@qw.com" id="poss3"></div>
                </div>


                <button class="btn btn-primary radius col-sm-3 col-md-offset-2 bth-jpt_4 mt-20 " type="button" > 提交</button>




            </form>




        </div>

    </div>
</div>











{include file="jptweb/footer" /}
</div>





<script>
    $("#tab_userinfo").Huitab({
        index: 0
    });
    function chongzhi() {
        layer.open({
            type: 1,
            title: '充值方式', //不显示标题

            area: ['420px', '240px'], //宽高
            content: '<form class="jpt_layer jpt_Recharge text-c">' +
            '<div class="col-sm-12 mt-20">' +
            '<div class="col-sm-8 col-sm-offset-2">' +
            '<input class="jpt_input-2 input-text radius size-L" type="text" name="code2" placeholder="请输入充值金额" ></div>' +
            '</div>' +
            '<div class="col-sm-12 text-c mt-20">' +
            '<div class="check-box">\n' +
            '    <input type="radio" id="r1" name="pay_sta" value="zhifu" checked>\n' +
            '    <label for="r1"><img src="/static/jpt/jptweb/img/zhifu.png"></label>\n' +
            '  </div>\n' +
            '  <div class="check-box">\n' +
            '    <input type="radio" id="r2" value="pay" name="pay_sta" >\n' +
            '    <label for="r2"><img src="/static/jpt/jptweb/img/pay.png"></label>\n' +
            '  </div>' +
            '</div>' +
            '<button class="btn btn-primary radius bth-sub  mt-20 ">立刻充值</button></form>'
        });
    }

</script>
</body>
</html>